<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style/scss/commodity.css">
    <script src="./js/main.js" type="module"></script>
</head>

<body>
    <!-- 头 -->
    <div class="header"></div>

    <div class="commodity-adv">
        <div class="adv">
            <img src="./img/guanggao.jpg" alt="">
        </div>
    </div>
    <div class="commodity-nav">
        <div class="nav-top">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">只能家具</a></li>
                <li> <a href="">所有铲平</a></li>
                <li> <a href="">热销爆品</a></li>
                <li> <a href="">节能专项</a></li>

            </ul>
        </div>
        <div class="nav-bottom">
            <div>
                <a href="">电视 冰箱 洗衣机 空调</a>
                <span>></span>
                <a href="">空调/移动</a>
                <span>></span>
                <a href="">啊啊</a>
                <span>></span>
                <a href="">我我我</a>
                <span>></span>
                <a href="">客服健健康康</a>
            </div>
            <div>
                <a href="">奥术大师大撒大</a><a href="">在线客服</a>
                <a href="">收藏店铺</a>
            </div>
        </div>
    </div>
    <div class="commodity-wuping center">
        <div class="left-sp">
            <!-- 大图 -->
            <div class="scale">
                <div class="spic">
                    <!-- 小图 -->
                    <img src="" alt="">
                    <div class="sf"></div>
                    <!-- 小放 -->
                </div>
                <div class="bf">
                    <!-- 大放 -->
                    <img src="" alt="" class="bpic">
                    <!-- 大图 -->
                </div>
            </div>
            <!-- 小图 -->
            <div class="small">
                <a href="" class="zuo"><em></em></a>
                <div>
                    <ul></ul>
                </div>
                <a href="" class="you"><i></i></a>
            </div>

        </div>
        <div class="right-js">
            <h1></h1>
            <div>
                <label for="">团&emsp;购&emsp;价</label>
                <p>
                    <i>￥</i><span class="jjj"></span>
                    <del>￥349</del>
                    <a href="">降价通知</a>


                </p>
            </div>
            <div>
                <label for="">送&emsp;&emsp;&emsp;至</label>
                <p>杭州市上城区<span class="xiaozi"> 今日完成下单，预计2022-06-24送达</span></p>
            </div>

            <div>
                <label for="">版&emsp;&emsp;&emsp;本</label>
                <p class="kuang">最新最好版本</p>
            </div>
            <div>
                <label for="">国 美 分 期</label>
                <p class="fenqi">【国美分期】0首付 30天免息 0利率</p>
            </div>
            <div class="p-btn">
                <input type="text" id="count" value="1">
                <a href="javascript:confirm('确定要购买吗?');window.location.href='cartlist.html'">加入购物车</a>
            </div>
            <div class="tishi">
                温馨提示：7天无理由退货.品质保证
            </div>

        </div>

    </div>
    <!-- 底部 -->
    <div class="foot"></div>
    <div class="right-nav"></div>

</body>

</html>